﻿<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                图标：增、删、改、查
            </div>
        </div>
    </div> 
    <div class="portlet-body">
        <div class="row col-xs-12">
            <div class="col-xs-2" ng-repeat="icon in cqrdIcons">
                <button type="button" class="btn btn-raised btn-lg" ng-click="icon.show=!icon.show;">
                    <i class="material-icons">{{icon.icon}}</i>
                </button> 
                <span class="h4" ng-show="icon.show">{{icon.icon}}</span>
            </div>
        </div>
    </div>
</div>

<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                图标：人物形象
            </div>
        </div>
    </div>
    <div class="portlet-body">
        <div class="row col-xs-12">
            <div class="col-xs-2" ng-repeat="icon in personIcons">
                <button type="button" class="btn btn-raised btn-lg" ng-click="icon.show=!icon.show;">
                    <i class="material-icons">{{icon.icon}}</i>
                </button>
                <span class="h4" ng-show="icon.show">{{icon.icon}}</span>
            </div>
        </div>
    </div>
</div>

<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                图标：方向
            </div>
        </div>
    </div>
    <div class="portlet-body">
        <div class="row col-xs-12">
            <div class="col-xs-2" ng-repeat="icon in directionIcons">
                <button type="button" class="btn btn-raised btn-lg" ng-click="icon.show=!icon.show;">
                    <i class="material-icons">{{icon.icon}}</i>
                </button>
                <span class="h4" ng-show="icon.show">{{icon.icon}}</span>
            </div>
        </div>
    </div>
</div>

<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                图标：系统工具
            </div>
        </div>
    </div>
    <div class="portlet-body">
        <div class="row col-xs-12">
            <div class="col-xs-2" ng-repeat="icon in toolsIcons">
                <button type="button" class="btn btn-raised btn-lg" ng-click="icon.show=!icon.show;">
                    <i class="material-icons">{{icon.icon}}</i>
                </button>
                <span class="h4" ng-show="icon.show">{{icon.icon}}</span>
            </div>
        </div>
    </div>
</div>

<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                图标：列表
            </div>
        </div>
    </div>
    <div class="portlet-body">
        <div class="row col-xs-12">
            <div class="col-xs-2" ng-repeat="icon in listsIcons">
                <button type="button" class="btn btn-raised btn-lg" ng-click="icon.show=!icon.show;">
                    <i class="material-icons">{{icon.icon}}</i>
                </button>
                <span class="h4" ng-show="icon.show">{{icon.icon}}</span>
            </div>
        </div>
    </div>
</div>

<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                图标：音频视频播放
            </div>
        </div>
    </div>
    <div class="portlet-body">
        <div class="row col-xs-12">
            <div class="col-xs-2" ng-repeat="icon in vidiosIcons">
                <button type="button" class="btn btn-raised btn-lg" ng-click="icon.show=!icon.show;">
                    <i class="material-icons">{{icon.icon}}</i>
                </button>
                <span class="h4" ng-show="icon.show">{{icon.icon}}</span>
            </div>
        </div>
    </div>
</div>